import React, { Component } from "react";

import { HashRouter, Switch, Route } from "react-router-dom";

import Home from "../views/Home/HomeIndex.jsx";
import Shop from "../views/Shop/ShopIndex.jsx";
import Life from "../views/Life/LifeIndex.jsx";
import Mine from "../views/Mine/MineIndex.jsx";

import City from "../views/City/CityIndex.jsx";
import FootNav from "../components/FootNav/FootNav.jsx";
class RouterApp extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    return (
      <div>
        <HashRouter>
          <FootNav />
          <Switch>
            <Route exact path="/" component={Home}></Route>
            <Route path="/shop" component={Shop}></Route>
            <Route path="/life" component={Life}></Route>
            <Route path="/mine" component={Mine}></Route>
            <Route path="/city" component={City}></Route>
          </Switch>
        </HashRouter>
      </div>
    );
  }
}

export default RouterApp;
